// 切换两个盒子
$('.login a').on('click', function () {
    $('.login').hide().next().show()
})
$('.register a').on('click', function () {
    $('.login').show().next().hide()
})

// 注册
// 注册表单提交--阻止默认--收集数据--ajax提交
$('.register form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            if (res.status === 0) {
                // 提示
                layer.msg(res.message)
                // 清空输入框(reset方法dom，重置表单意思)
                $('.register form')[0].reset()
                // 切换两个盒子
                $('.login').show().next().hide()
            }

        }
    })
})
// 使用layui模块，必须先加载
let form = layui.form
// 表单验证
// 使用layui的verify自定义验证
form.verify({
    // 键（验证规则）：值（验证方法）
    // 验证密码长度必须6-12位，且不能有空格
    // len:[正则表达式，验证不通过的提示]
    // 正则\d表示数字，\D表示除了数字
    len: [/^\S{6,12}$/, '密码6-12位，且不能出现空格'],

    // 验证两次密码必须一致
    // 函数的形参表示使用该验证规则的输入框的值
    same: function (x) {
        // x表示输入的重复密码
        let pwd = $('.register input[name=password]').val()
        if (pwd !== x) {
            // 验证不通过时提示
            return '两次密码不一致'
        }
    }
})

// 登录的表单提交
$('.login form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,
        success: function (res) {
            if (res.status === 0) {
                layer.msg(res.message, { time: 1000 }, function () {
                    localStorage.setItem('token', res.token)
                    location.href = './index.html'

                })
            } else {
                // 登录失败提示
                layer.msg(res.message)
            }
        }
    })
})
